<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/SPcss_reset.css">
    <link rel="stylesheet" href="css/shopping.css">
    <link rel="icon" type="image/x-icon" href="./images/login/jd.ico">
    <script src="js/shopping.js"></script>
</head>
<body>
    <header>
        <div class="header-content">
            <a href="index.html" class="logo"></a>
            <a href="Login.html"><span style="color:#666;">请登录</span></a>
            <div class="login"><i></i><a href="#">商家消息</a> </div>
        </div>
    </header>
    <section class="shopping">
        <div class="shoppingContent">
            <a href="">全部商品&nbsp;&nbsp;<span id="number">2</span></a>   
            <div class="shoppingTitle">
                <div class="check">
                </div>
                <div class="foodsInfor comment">商品</div>
                <div class="bukong"></div>
                <div class="danjia comment">单价</div>
                <div class="shuliang comment">数量</div>
                <div class="xiaoji comment">小计</div>
                <div class="caozuo comment">操作</div>
            </div> 
            <div class="wuping">
                <div class="JDself">
                </div>
                <div class="buy">
                    <div id="clearComputer">
                        <div class="clear">
                            <div class="goods-item">
                                <a href=""><img src="images/login/5994f249Ndf583c11.jpg" alt=""></a>
                                <p>宜客莱（ECOLA）CD-EL140电脑清洁套装屏幕清洁剂多功能超值四件套</p>
                                <div class="item-msg">
                                    <span><i class="seven"></i>&nbsp;&nbsp;支持七天无理由退货</span><br>
                                    <span><i></i>&nbsp;&nbsp;选包装</span>
                                </div>
                            </div>
                            <div class="guige"><p>颜色：多功能超值四件套</p></div>
                            <div class="price">19</div>
                            <div class="num">
                                <div id="clearNumber" class="numActive">
                                    <a href="#">-</a>
                                    <input type="text" value="1">
                                    <a href="#">+</a>
                                </div>
                            </div>
                            <div class="smallCount">
                                <div>19</div>
                            </div>
                            <div class="dele">
                                <a href="#">删除</a>
                            </div>
                        </div>
                    </div>
                    <div id="sony">
                        <div class="erji">
                            <div class="goods-item">
                                <a href=""><img src="images/login/553da250N5517e906.jpg" alt=""></a>
                                <p>索尼（SONY）MDR-1ABT 触控高品质 无线立体声耳机 银色</p>
                                <div class="item-msg">
                                    <span><i class="seven"></i>&nbsp;&nbsp;支持七天无理由退货</span><br>
                                    <span><i></i>&nbsp;&nbsp;选包装</span>
                                </div>
                            </div>
                            <div class="guige"><p>颜色：蓝牙&nbsp;&nbsp;&nbsp;银色</p></div>
                            <div class="price">1999</div>
                            <div class="num">
                                <div id="sonyNumber" class="numActive">
                                    <a href="#">-</a>
                                    <input type="text" value="1">
                                    <a href="#">+</a>
                                </div>
                            </div>
                            <div class="smallCount">
                                <div>1999</div>
                            </div>
                            <div class="dele">
                                <a href="#">删除</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="finaly">
                    
                    <a href="#"><div class="tijiao">去结算</div></a>
                    <div id="count">总价&nbsp;<span>2018</span>&nbsp;</div>
                    <div id="choseAdd">商品总件数&nbsp;<span>2</span>&nbsp;件商品</div>
                </div>
            </div>    
        </div>
    </section>
    <footer>
        <p>
            <a href="#">关于我们</a><span></span>
            <a href="#">联系我们</a><span></span>
            <a href="#">人才招聘</a><span></span>
            <a href="#">商家入驻</a><span></span>
            <a href="#">广告服务</a><span></span>
            <a href="#">手机京东</a><span></span>
            <a href="#">友情链接</a><span></span>
            <a href="#">销售联盟</a><span></span>
            <a href="#">京东社区</a><span></span>
            <a href="#">English Site</a>

        </p>
        <p>Copyright©2004-2016  京东JD.com 版权所有 </p>
    </footer>
</body>
</html>